<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
	<head>
		<meta http-equiv="content-type" content="text/html"; charset="utf-8" />
		<title>Mensch-Ärgere-Dich-Nicht Feld mit CSS</title>
		<link rel="stylesheet" type="text/css" href="css/spielfeld.css" />
		
		<script type="text/javascript" src="js/DOM_pos.js">
		</script> 
		<script type="text/javascript" src="js/jquery-1.7.2.js">
		</script>
		<script type="text/javascript" src="js/figur.js">
		</script>  
		<script type="text/javascript" src="js/spiel.js">
		</script> 
	</head>
	<body>
		<div class="spiel">
			<div class="hausRot" id="hausred1"></div>
			<div class="hausRot" id="hausred2"></div>
			<div></div>
			<div></div>
			<div class="spielfeld" id="39"></div>
			<div class="spielfeld" id="40"></div>
			<div class="startfeldBlau" id="1"></div>
			<div></div>
			<div></div>
			<div class="hausBlau" id="hausblue1"></div>
			<div class="hausBlau" id="hausblue2"></div>
			
			<div class="hausRot" id="hausred3"></div>
			<div class="hausRot" id="hausred4"></div>
			<div></div>
			<div></div>
			<div class="spielfeld" id="38"></div>
			<div class="zielfeldBlau" id="zielblue1"></div>
			<div class="spielfeld" id="2"></div>
			<div></div>
			<div></div>
			<div class="hausBlau" id="hausblue3"></div>
			<div class="hausBlau" id="hausblue4"></div>
			
			<div id="nameRot"></div>
			<div></div>
			<div></div>
			<div></div>
			<div class="spielfeld" id="37"></div>
			<div class="zielfeldBlau" id="zielblue2"></div>
			<div class="spielfeld" id="3"></div>
			<div></div>
			<div></div>
			<div id="nameBlau"></div>
			<div></div>
			
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div class="spielfeld" id="36"></div>
			<div class="zielfeldBlau" id="zielblue3"></div>
			<div class="spielfeld" id="4"></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			
			<div class="startfeldRot" id="31"></div>
			<div class="spielfeld" id="32"></div>
			<div class="spielfeld" id="33"></div>
			<div class="spielfeld" id="34"></div>
			<div class="spielfeld" id="35"></div>
			<div class="zielfeldBlau" id="zielblue4"></div>
			<div class="spielfeld" id="5"></div>
			<div class="spielfeld" id="6"></div>
			<div class="spielfeld" id="7"></div>
			<div class="spielfeld" id="8"></div>
			<div class="spielfeld" id="9"></div>
			
			<div class="spielfeld" id="30"></div>
			<div class="zielfeldRot" id="zielred1"></div>
			<div class="zielfeldRot" id="zielred2"></div>
			<div class="zielfeldRot" id="zielred3"></div>
			<div class="zielfeldRot" id="zielred4"></div>
			<div></div>
			<div class="zielfeldGelb" id="zielyellow4"></div>
			<div class="zielfeldGelb" id="zielyellow3"></div>
			<div class="zielfeldGelb" id="zielyellow2"></div>
			<div class="zielfeldGelb" id="zielyellow1"></div>
			<div class="spielfeld" id="10"></div>
			
			<div class="spielfeld" id="29"></div>
			<div class="spielfeld" id="28"></div>
			<div class="spielfeld" id="27"></div>
			<div class="spielfeld" id="26"></div>
			<div class="spielfeld" id="25"></div>
			<div class="zielfeldGruen" id="zielgreen4"></div>
			<div class="spielfeld" id="15"></div>
			<div class="spielfeld" id="14"></div>
			<div class="spielfeld" id="13"></div>
			<div class="spielfeld" id="12"></div>
			<div class="startfeldGelb" id="11"></div>
			
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div class="spielfeld" id="24"></div>
			<div class="zielfeldGruen" id="zielgreen3"></div>
			<div class="spielfeld" id="16"></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			
			<div id="nameGruen"></div>
			<div></div>
			<div></div>
			<div></div>
			<div class="spielfeld" id="23"></div>
			<div class="zielfeldGruen" id="zielgreen2"></div>
			<div class="spielfeld" id="17"></div>
			<div></div>
			<div></div>
			<div id="nameGelb"></div>
			<div></div>
			
			<div class="hausGruen" id="hausgreen1"></div>
			<div class="hausGruen" id="hausgreen2"></div>
			<div></div>
			<div></div>
			<div class="spielfeld" id="22"></div>
			<div class="zielfeldGruen" id="zielgreen1"></div>
			<div class="spielfeld" id="18"></div>
			<div></div>
			<div></div>
			<div class="hausGelb" id="hausyellow1"></div>
			<div class="hausGelb" id="hausyellow2"></div>
			
			<div class="hausGruen" id="hausgreen3"></div>
			<div class="hausGruen" id="hausgreen4"></div>
			<div></div>
			<div></div>
			<div class="startfeldGruen" id="21"></div>
			<div class="spielfeld" id="20"></div>
			<div class="spielfeld" id="19"></div>
			<div></div>
			<div></div>
			<div class="hausGelb" id="hausyellow3"></div>
			<div class="hausGelb" id="hausyellow4"></div>
			<!-- Spielfiguren -->
			<img class="figur" id="Spieler1Fig1" name="Spieler1Fig1" onclick="s1.bewegen(1)"/>
			<img class="figur" id="Spieler1Fig2" name="Spieler1Fig2" onclick="s1.bewegen(2)"/>
			<img class="figur" id="Spieler1Fig3" name="Spieler1Fig3" onclick="s1.bewegen(3)"/>
			<img class="figur" id="Spieler1Fig4" name="Spieler1Fig4" onclick="s1.bewegen(4)"/>
		
			<img class="figur" id="Spieler2Fig1" name="Spieler2Fig1" onclick="s2.bewegen(1)"/>
			<img class="figur" id="Spieler2Fig2" name="Spieler2Fig2" onclick="s2.bewegen(2)"/>
			<img class="figur" id="Spieler2Fig3" name="Spieler2Fig3" onclick="s2.bewegen(3)"/>
			<img class="figur" id="Spieler2Fig4" name="Spieler2Fig4" onclick="s2.bewegen(4)"/>
	
			<img class="figur" id="Spieler3Fig1" name="Spieler3Fig1" onclick="s3.bewegen(1)"/>
			<img class="figur" id="Spieler3Fig2" name="Spieler3Fig2" onclick="s3.bewegen(2)"/>
			<img class="figur" id="Spieler3Fig3" name="Spieler3Fig3" onclick="s3.bewegen(3)"/>
			<img class="figur" id="Spieler3Fig4" name="Spieler3Fig4" onclick="s3.bewegen(4)"/>
		
			<img class="figur" id="Spieler4Fig1" name="Spieler4Fig1" onclick="s4.bewegen(1)"/>
			<img class="figur" id="Spieler4Fig2" name="Spieler4Fig2" onclick="s4.bewegen(2)"/>
			<img class="figur" id="Spieler4Fig3" name="Spieler4Fig3" onclick="s4.bewegen(3)"/>
			<img class="figur" id="Spieler4Fig4" name="Spieler4Fig4" onclick="s4.bewegen(4)"/>
			<!-- Namensfelder -->
			<div class="name" id="divNameRot"></div>
			<div class="name" id="divNameGruen"></div>
			<div class="name" id="divNameBlau"></div>
			<div class="name" id="divNameGelb"></div>
		</div>
		<div class="rechts">
			<h3>Spielaktionen</h3>
			<table>
				<tr>
					<td>Würfel: </td>
					<td><img id="wuerfelbild" name="wuerfelbild" src="images/dices/1.png" accesskey="w" onclick="wuerfeln()" /></td>
				</tr>
				<tr>
					<td>Aktueller Spieler: </td>
					<td><img class="spieler" id="spieler" name="spieler" /></td>
				</tr>
			</table>
			<h3>Chat:</h3>
			<textarea name="chatbox" id="chatbox"></textarea><br/>
			<input class="chateingabe" type="text" id="chateingabe" />
			<br />
			<br />
			<p class="copy">
				&copy; 2012 by Sarah Jane Presser, Kai Strübig, Michael Gugel<br />und Patrick Lammers<br />
				<em>Version: 1.1.3 (vom 19.06.2012 18:00:22)</em> 
			</p>
		</div>
	</body>
</html>
